h2, h4, h5, h6 {
    margin-top: 1rem
}

.archive-all {
    margin-left: auto;
    margin-right: auto;
}

abbr, dt {
    font-weight: 700
}

code, pre {
    background-color: #f9f9f9
}

pre, pre code {
    white-space: pre
}

img, pre {
    display: block
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body, html {
    margin: 0;
    padding: 0
}

html {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5
}

@media (min-width: 38em) {
    html {
        font-size: 18px
    }
}

body {
    color: #515151;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a {
    color: #268bd2;
    text-decoration: none
}

a strong {
    color: inherit
}

a:focus, a:hover {
    text-decoration: underline
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.25;
    color: #313131;
    text-rendering: optimizeLegibility
}

h1 {
    font-size: 2rem
}

h2 {
    font-size: 1.5rem
}

h3 {
    margin-top: 1.5rem;
    font-size: 1.25rem
}

h4, h5, h6 {
    font-size: 1rem
}

abbr, code {
    font-size: 85%
}

dl, ol{
    margin-top: 0;
    margin-bottom: 1rem
}

strong {
    color: #303030
}

hr {
    position: relative;
    margin: 1.5rem 0;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff
}

.highlight, pre {
    margin-bottom: 1rem
}

abbr {
    color: #555;
    text-transform: uppercase
}

abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #e5e5e5
}

code, pre {
    font-family: Menlo, Monaco, "Courier New", monospace
}

code {
    padding: .25em .5em;
    color: #bf616a;
    border-radius: 3px
}

pre {
    margin-top: 0;
    padding: 5px;
    font-size: .8rem;
    line-height: 1.4;
    white-space: pre-wrap;
    word-break: break-all;
    border: 1px solid #ccc
}

pre code {
    padding: 0;
    font-size: 100%;
    color: inherit;
    background-color: transparent
}

.highlight {
    border-radius: 4px
}

.highlight pre, blockquote p:last-child {
    margin-bottom: 0
}

.gist .gist-file {
    font-family: Menlo, Monaco, "Courier New", monospace !important
}

.gist .markdown-body {
    padding: 15px
}

.gist code, .gist pre {
    padding: 0;
    background-color: transparent
}

.gist .gist-file .gist-data {
    font-size: .8rem !important;
    line-height: 1.4
}

.gist code {
    color: inherit;
    border-radius: 0
}

.message, tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th {
    background-color: #f9f9f9
}

blockquote {
    padding: .5rem 1rem;
    margin: .8rem 0;
    color: #7a7a7a;
    border-left: .25rem solid #e5e5e5
}

@media (min-width: 30em) {
    blockquote {
        padding-right: 5rem;
        padding-left: 1.25rem
    }
}


table, td, th {
    border: 1px solid #e5e5e5
}

.post-content img {
    margin: 20px auto
}

.message, table {
    margin-bottom: 1rem
}

table {
    width: 100%;
    border-collapse: collapse
}

td, th {
    padding: .25rem .5rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}


.container {
    max-width: 38rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto
}
